<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>关于我们</title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
		<style type="text/css">
			body {
				background-color: #fff;
			}
			/*头部形式*/
			
			.mui-bar.mui-bar-nav img.mui-pull-right {
				height: 21;
				width: 21px;
				margin: 12px 2% 0 5%;
			}
			
			.mui-bar.mui-bar-nav img.mui-pull-left {
				width: 150px;
				height: 23px;
				margin-top: 10px;
			}
			
			.mui-bar {
				/*border:1px solid red;*/
				background: rgba(0, 0, 0, 0);
				position: absolute;
				top: 0;
				left: 0;
			}
			
			.mui-bar-nav {
				box-shadow: none;
			}
			/*头部下面的图片形式*/
			
			.mui-bar-nav~.mui-content {
				padding-top: 0;
			}
			
			.back {
				/*border: 1px solid red;*/
				height: 45%;
				background: url(img/Bitmap111.png) no-repeat;
				background-size: 100% 100%;
				overflow: hidden;
			}
			
			.back h3 {
				/*border:1px solid red;*/
				color: #fff;
				margin-top: 140px;
				text-align: center;
			}
			
			.back span {
				display: inline-block;
				width:100%;
				color: #fff;
				font-size: 18px;
				margin: auto;
				margin: 25px 0;
				line-height:25px;
				text-align:center;
			}
			/*公司介绍和我们能做什么形式*/
			.mui-content .company_profile {
				/*border:1px solid red;*/
				height:40%;
				width: 100%;
				line-height: 25px;
				text-align: center;
				color: #424242;
				padding: 5%;
				font-size: 14px;
				font-weight: 500;
				margin-bottom:0;
			}
			
			.myself {
				border-bottom: 1px solid #7A7A7A;
				text-align: center;
				margin: auto;
				width: 85%;
			}
			
			.mui-table-view.background {
				background: url(img/Group3562.png);
				background-size: 100% 100%;
			}
			
			.what {
				/*border: 1px solid blue;*/
				line-height: 30px;
				height: 30px;
				width: 60%;
				margin-left: 20%;
				position: relative;
				top: 18px;
				color: #fff;
				background-color: #202020;
			}
			
			.mui-media-body h4,
			.mui-ellipsis {
				color: #fff;
				margin-left: 13%;
			}
			
			.mui-ellipsis {
				font-size: 15px;
			}
			
			.mui-table-view-cell>a:not(.mui-btn) {
				margin: 0 -15px -20px -15px;
				padding: 30px 30px -30px 30px;
			}
			
			.mui-table-view .mui-media-object {
				width: 42px;
				height: 48px;
			}
			
			.mui-table-view-cell.mui-media.after:after {
				height: 0;
			}
			/*企业资质的形式*/
			
			.enterprise {
				/*border: 1px solid red;*/
				height: 260px;
				text-align: center;
				padding: 20px 0;
				overflow:hidden;
			}
			
			.enterprise p {
				font-size: 10px;
				color: #2E2E2E;
				margin: 5% 0;
			}
			
			.enterprise_img1,
			.enterprise_img3 {
				float: left;
				height: 100px;
				width: 20%;
				margin-top: 20px;
			}
			
			.enterprise_img2 {
				height: 140px;
				width: 50%;
				float: left;
				margin: 0 5%;
			}
			
			.enterprise_img3 {
				float: right;
			}
			/*加入我们的形式*/
			
			.jion {
				height: 600px;
				background: url(img/Bitmap568.png) no-repeat;
				background-size: 100% 100%;
				color: #fff;
			}
			
			.jion h3 {
				padding: 20px 0;
				text-align: center;
			}
			
			.jion p {
				color: #fff;
				padding: 0 5%;
				margin: 0;
				line-height:28px;
			}
			.jion .mui-btn.mui-pull-right{
				border:1px solid #fff;
				margin:10%;
				background:rgba(0,0,0,0);
				color:#fff;
			}
			/*下面的首页整块形式*/
			.mui-card .mui-table-view {
				border-radius: 0;
			}
			
			.mui-card {
				border-radius: 0;
				margin: 0;
				box-shadow: none;
				padding: 30px 0 20px 0;
			}
			
			.right_plus {
				font-size: 16px;
				font-weight:500;
			}
			
			.right_plus:nth-of-type(n+2) {
				background: url(fonts/Group2Copy6.png) no-repeat;
				background-size: 16px;
				background-position: 96% center;
			}
			
			.right_plus.mui-active:nth-of-type(n+2) {
				background: url(fonts/croupjian.png) no-repeat;
				background-size: 16px;
				background-position: 96% 19px;
			}
			
			.mui-table-view-cell.mui-collapse .mui-collapse-content {
				padding: 0;
				margin: 11px 0 0 0;
			}
			
			.mui-table-view-cell.mui-collapse .mui-collapse-content li {
				padding: 12px 0 0 0;
				font-weight: normal;
			}
			.copyright_box {
				text-align: center;
				font-size: 14px;
				background: #212121;
				padding: 34px 0;
				color: #6d6d6d;
				overflow: hidden;
			}
			
			.copyright_box p {
				color: #6d6d6d;
			}
			
			.copyright_box span {
				display: inline-block;
				width: 19%;
				text-align:right;
				float:left;
			}
			.mui-card .mui-table-view-cell:after,
			.mui-card .mui-table-view-cell:before{
				height:0;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<img class="mui-pull-left" src="fonts/Group Copy.png" />
			<img class="mui-pull-right" src="fonts/菜单.png" />
			<img class="mui-pull-right" src="fonts/搜索.png" />
		</header>
		<div class="mui-content">
			<div class="back">
				<h3>方正树人, 思维立新。</h3>
				<span>Fosters talent uprightly,the thought stands newly.</span>
			</div>
			<p class="company_profile">公司团队成立于2011年,注册资金500万,是一家拥有双软认证(软件产品认证/软件企业认证)和软件开发通过ISO8001国际质量体系认证的优秀高新技术企业。公司专注于移动互联网产品的研发和运营,自主独立研发了基于RN模式的移动原生跨平台编程模式。同时公司也有360、豌豆荚、应用宝、91、Google Play的顶级优质开发者,为客户开发的产品总下载次数近亿次。</p>
			<ul class="mui-table-view background">
				<li class="mui-table-view-cell mui-media after">
					<div class="myself">
						<h3 class="what">我们能做什么</h3>
					</div>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="fonts/1 copy.png">
						<div class="mui-media-body">
							<h4>iOS移动应用开发</h4>
							<p class="mui-ellipsis">Ob-C原生开发</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="fonts/2 copy.png">
						<div class="mui-media-body">
							<h4>HTML5微信开发</h4>
							<p class="mui-ellipsis">H5 APP开发</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="fonts/3 copy.png">
						<div class="mui-media-body">
							<h4>React Native</h4>
							<p class="mui-ellipsis">原生跨平台开发</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="fonts/4 copy.png">
						<div class="mui-media-body">
							<h4>Android应用开发</h4>
							<p class="mui-ellipsis">Java原生开发</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="fonts/5 copy.png">
						<div class="mui-media-body">
							<h4>php服务器开发</h4>
							<p class="mui-ellipsis">高性能服务</p>
						</div>
					</a>
				</li>
			</ul>
			<div class="enterprise">
				<h3>企业资质</h3>
				<p>服务创造价值,为客户提供最优的互联网整体解决方案。</p>
				<img class="enterprise_img1" src="img/87.png" />
				<img class="enterprise_img2" src="img/Bitmap22.png" />
				<img class="enterprise_img3" src="img/Bitmap88.png" />
			</div>
			<div class="jion">
				<h3>加入我们</h3>
				<p>我们不介意你是否美术或设计科班，是否有这证书那资格......你的作品集才是唯一证明你实力的途径广告、插画、平面设计、摄影、网页设计、flash动画、视频动画等各类作品都可以。</p>
				<p>我们也不介意你是否数计专业出身，是否曾今无数辉煌证书......你的代码才是证明自己实力的唯一，只要你逻辑过人，勤学好问，有团队精神。</p>
				<p>如果除了学校教的那点玩意，你再没有在设计和创意上费过心力，也没有在程序上死磕到底的精神，就不要浪费自己和我们的时间了。</p>
				<p>如果你爱设计、爱编程、爱创意，有出众的美感和过剩的灵感，而且一直勤奋地创作了大量作品。那么，你很可能就是我们在找的人！</p>
				<!--<button></button>-->
				<button type="button" class="mui-btn mui-pull-right">了解详情 >></button>
			</div>
			<div class="mui-card">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse right_plus">
						<a class="bottom_text" href="###">首页</a>
					</li>
					<li class="mui-table-view-cell mui-collapse right_plus">
						<a class="bottom_text" href="###">服务范围</a>
						<ul class="mui-collapse-content">
							<li>公司概况</li>
							<li>企业资质</li>
						</ul>
					</li>
					<li class="mui-table-view-cell mui-collapse right_plus">
						<a class="bottom_text" href="###">成功案例</a>
						<ul class="mui-collapse-content">
							<li>公司概况</li>
							<li>企业资质</li>
						</ul>
					</li>
					<li class="mui-table-view-cell mui-collapse right_plus">
						<a class="bottom_text" href="###">智慧出行</a>
						<ul class="mui-collapse-content">
							<li>公司概况</li>
							<li>企业资质</li>
						</ul>
					</li>
					<li class="mui-table-view-cell mui-collapse right_plus">
						<a class="bottom_text" href="###">关于我们</a>
						<ul class="mui-collapse-content">
							<li>公司概况</li>
							<li>企业资质</li>
							<li>加入我们</li>
						</ul>
					</li>
					<li class="mui-table-view-cell mui-collapse right_plus">
						<a class="bottom_text" href="###">联系我们</a>
						<ul class="mui-collapse-content">
							<li>公司概况</li>
							<li>企业资质</li>
							<li>加入我们</li>
						</ul>
					</li>

				</ul>
			</div>
			<div class="copyright_box">
				<p>Copyright © 2015 重庆国狮科技 版权所有</p>
				<p>渝ICP备11006923号-3</p>
				<span class="about_me">网站地图</span>
				<span class="about_me">关于我们</span>
				<span class="about_me">服务项目</span>
				<span class="about_me">服务案例</span>
				<span class="about_me">联系我们</span>
			</div>
		</div>
	</body>

</html>